<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512">
      <g id="svg_5">
        <ellipse ry="120" rx="120" id="svg_1" cy="261" cx="140" stroke-width="20" :stroke="props.strokeColor" fill="none"/>
        <line id="svg_2" y2="512" x2="141.25" y1="0" x1="138.75" stroke-width="20" :stroke="props.strokeColor" fill="none"/>
      </g>
        <line id="svg_6" y2="312.49999" x2="306" y1="197.49999" x1="372" stroke-width="20" :stroke="props.strokeColor" fill="none"/>
      <g id="svg_10">
        <line transform="rotate(90 379.5 255)" :stroke="props.strokeColor" id="svg_4" y2="369.5" x2="380.75" y1="140.49998" x1="378.25" stroke-width="20" fill="none"/>
        <line id="svg_8" y2="312.49999" x2="306" y1="197.49999" x1="372" stroke-width="20" :stroke="props.strokeColor" fill="none"/>
        <line id="svg_9" y2="312.49999" x2="377" y1="197.49999" x1="443" stroke-width="20" :stroke="props.strokeColor" fill="none"/>
      </g>
    </svg>
</template>
<script setup lang="ts">
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text:String
});
</script>